<html>
<head>
	<title>Note Book</title>
	<link rel="stylesheet" type="text/css" href="style.css" />
	<link rel="stylesheet" type="text/css" href="toolbar.css" />
</head>
<body onload="onPageLoad()">
	<div id="page">
		<div id="titlebar">
			TITLE-BAR
		</div>
		<div id="toolbar">
			<div class="toolbar_button" role="button" cmd="bold" cmdValue="null">
				<div id="bold_button" class="toolbar_button_inner"></div>
			</div>
			<div class="toolbar_button" role="button" cmd="italic" cmdValue="null">
				<div id="italic_button" class="toolbar_button_inner"></div>
			</div>
			<div class="toolbar_button" role="button" cmd="foreColor" cmdValue="#FF0000">
				<div id="textred_button" class="toolbar_button_inner"></div>
			</div>
			<div class="toolbar_button" role="button" cmd="foreColor" cmdValue="#00FF00">
				<div id="textgreen_button" class="toolbar_button_inner"></div>
			</div>
			<div class="toolbar_button" role="button" cmd="foreColor" cmdValue="#0000FF">
				<div id="textblue_button" class="toolbar_button_inner"></div>
			</div>

			<div class="toolbar_button" role="button" cmd="foreColor" cmdValue="#000000" title="assign current color">
				<div id="textcust_button" class="toolbar_button_inner"></div>
			</div>

			<div class="toolbarside_button toolbar_button" role="button" cmd="pickcolor" cmdValue="null" title="pick up a color">
				<div id="pickcolor_button" class="toolbar_button_inner"></div>
			</div>

			<div class="toolbar_button" role="button" cmd="indent" cmdValue="null">
				<div id="indent_button" class="toolbar_button_inner"></div>
			</div>
			<div class="toolbar_button" role="button" cmd="outdent" cmdValue="null">
				<div id="outdent_button" class="toolbar_button_inner"></div>
			</div>
			<div class="toolbar_button" role="button" cmd="insertorderedlist" cmdValue="null">
				<div id="orderlist_button" class="toolbar_button_inner"></div>
			</div>
			<div class="toolbar_button" role="button" cmd="insertunorderedlist" cmdValue="null">
				<div id="unorderlist_button" class="toolbar_button_inner"></div>
			</div>
			<div class="toolbar_button" role="button" cmd="subscript" cmdValue="null">
				<div id="subscript_button" class="toolbar_button_inner"></div>
			</div>
			<div class="toolbar_button" role="button" cmd="superscript" cmdValue="null">
				<div id="superscript_button" class="toolbar_button_inner"></div>
			</div>
			<div class="toolbar_button" role="button" cmd="inserthtml" cmdValue="null" title="insert html">
				<div id="inserthtml_button" class="toolbar_button_inner"></div>
			</div>
			<div class="toolbar_button" role="button" cmd="edithtml" cmdValue="null" title="edit html">
				<div id="edithtml_button" class="toolbar_button_inner"></div>
			</div>
		</div>

		<div id="content_wrap">
			<div id = "201201010000" class = "block">
				<div id = "d3" class="droppable"></div>
				<div class="container solidlined">
					<div class="l" alt="▼" title="Click to expand this note"></div>
					<div class="c">1<br>1<br>1<br>1</div>
					<div class="c_inline"></div>
					<div class="r draggable"></div>
				</div>
			</div>
			
			<div id = "201201011111" class = "block">
				<div id = "d2" class="droppable"></div>
				<div class="container solidlined">
					<div class="l" alt="▼" title="Click to expand this note"></div>
					<div class="c">2<br>2<br>2</div>
					<div class="c_inline"></div>
					<div class="r draggable"></div>
				</div>
			</div>

			<div id = "201201012222" class = "block">
				<div class="droppable"></div>
				<div class="container solidlined">
					<div class="l" alt="▼" title="Click to expand this note"></div>
					<div class="c">3<br>3<br>3</div>
					<div class="c_inline"></div>
					<div class="r draggable"></div>
				</div>
			</div>

			<div id="tailblock" class="block">
				<div id="d1" class="droppable"></div>
			</div>
		</div>

		<div id="infobar" class="outlined">
			__infobar__
		</div>

		<div>
			
		</div>
	</div>
	<a href="#" onclick="openNewDiv('Edit');return false;">NewLayer</a>
	<script src="main.js"></script>
	<script src="layer.js"></script>
	<script src="drag.js"></script>
	<script src="selection.js"></script>
	<script src="toolbar.js"></script>
</body>
</html>